<template>
   <div class="foot">
      <div class="sw">
        <table>
          <tbody>
            <tr>
              <td >
                <ul class="footul">
                  <li v-for="(item,index) in footList" :key="index">
                    <router-link
                      style="color: #cecece"
                     :to="{ name: item.name, params: { id: item.id } }"
                      >{{item.title}}</router-link
                    >
                  </li>
                
                </ul>
              </td>
            </tr>
          </tbody>
        </table>

        <div
          class="friend_link"
          style="text-align: center; padding-bottom: 20px"
        >
          <a style="color: #cecece" href="###">申请友链(QQ100261558)</a>
        </div>
        <ul class="icp">
          <li>
            <a
              style="color: #cecece"
              href="https://beian.miit.gov.cn/"
              target="_blank"
              >浙ICP备2021007621号-1</a
            >
            www.hunyawang.com 婚呀网
          </li>
          <li>
            婚呀网官网，婚纱摄影，全球旅拍，婚庆策划，婚礼服务，婚呀网只推荐靠谱的结婚服务
          </li>
        </ul>
      </div>
    </div>
</template>
<script>
export default {
  name:'Footer',
 data(){
   return {
      footList: [
        {
          id: 2,
          title: "关于婚呀",
          name: "About",
        },
         {
          id: 2,
          title: "联系我们",
          name: "About",
        },
         {
          id: 2,
          title: "商家合作",
          name: "About",
        },
            {
          id: 2,
          title: "异业联盟",
          name: "About",
        },
       
         {
          id: 2,
          title: "免责声明",
          name: "About",
        },
          {
          id: 2,
          title: "商标声明",
          name: "About",
        },
            {
          id: 2,
          title: "资本合作",
          name: "About",
        },
        {
          id: 2,
          title: "加入婚呀",
          name: "Contact",
        },
      ],
   }
 }
}
</script>
<style lang="less" scoped>
.foot {
  background: #262626;
  padding: 47px 0 24px;
  color: #cecece;
  width: 100%;
  .sw {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 10px;
    table {
      width: 100%;
      text-align: center;
      margin-bottom: 22px;
      .icp {
        color: #cecece;
        text-align: center;
        line-height: 20px;
        a {
          color: #ffffff !important;
        }
        .code {
          padding: 6px;
          border: 1px solid #575757;
          width: 150px;
        }
      }
      table .borderNone ul {
        border-right: none;
      }
      .phonetul {
        line-height: 40px;
      }
    }
  }
  .footul {
    display:flex;
    justify-content: center;
  }
  .footul li{
    margin: 10px 20px;
  }
}
</style>